<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    /* --first_color:#66ccff; */
}

h2,
p {
    word-break: break-word
}

.botmenu {
    text-align: center !important;
    background: var(--first_color);
}

.online {
    bottom: 70%;
    z-index:1005;
}

.online dl {
    background: var(--first_color);
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative
}

.online dl:hover {
    background: var(--first_color)
}

.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: var(--first_color);
    color: #fff;
    cursor: pointer
}

.rd-navbar-static {
    padding: 0 0;
    box-shadow: unset;
}

.rd-navbar-fixed .rd-navbar-toggle {
    display: inline-block;
    position: absolute;
    right: 10px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    right: 0;
    left: unset;
    transform: translateX(110%);
}

.rd-navbar-fixed .rd-navbar-brand {
    left: 10px;
}

@media (max-width: 576px) {
    .rd-navbar-fixed .rd-navbar-brand {
        width: 80%;
        justify-content: flex-start;
    }
}

a {
    color: #333;
}

a:focus,
a:hover {
    color: var(--first_color);
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex-item-center {
    align-items: center;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-1len {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-2len {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.text-3len {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.text-4len {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.text-5len {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.text-6len {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.sw_banner {
    width: 1920px;
    max-width: 100%;
}

.sw_banner .swiper-pagination-bullet {
    background: #fff;
}

.sw_banner .swiper-pagination-bullet-active {
    background-color: var(--first_color) !important;
}

.clearfix::after {
    display: table;
    clear: both;
    content: '';
}

p {
    margin-bottom: unset;
}

.navbar-default .navbar-nav .nav-link:focus {
    background: unset;
}

:focus {
    outline: unset;
}

*+p,
p+*,
p+p {
    margin-top: unset;
}

@media (min-width: 992px) {
    *+p {
        margin-top: unset;
    }
}

.zoom_img {
    overflow: hidden;
}

.zoom_img:hover img {
    transform: scale(1.1);
    transition: all .30s ease;
}

/* 1200 */
/* .container{max-width: 1230px;}
@media (min-width: 1600px){
  .container{width: 1230px;}
} */
.container {
    max-width: 100%;
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .container{}
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .container{}
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .container{}
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .container{width: 1178px;}
 }

@media (min-width: 1400px) { 
    /* .container{width: 1278px;} */
 }

@media (min-width: 1600px) {
    .row&gt;[class*='col-'] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .row {
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

/* é¡¶éƒ¨ */
.nav_top {
    padding: 0.3rem 0;
    position: relative;
    z-index: 2;
}

#fullpage .nav_top_text1 {
    font-size: 12px;
    /*font-family: "Microsoft YaHei";*/
    color: #fff !important;
}

.nav_top_text1 {
    font-size: 12px;
    /*font-family: "Microsoft YaHei";*/
    color: #333 !important;
}

.nav_top_right {
    text-align: right;
}


/*é¡¶éƒ¨*/
.sw_banner {
    background: #fff;
    --swiper-navigation-color: var(--first_color);
}

.sw_banner a {
    display: block;
}

/* max-width:567px max-width:768px max-width:992px max-width:1200px */
/* // Small devices (landscape phones, 576px and up) sm*/
@media (min-width: 576px) {}

/* // Medium devices (tablets, 768px and up) md*/
@media (min-width: 768px) {}

/* // Large devices (desktops, 992px and up) lg*/
@media (min-width: 992px) {}

/* // Extra large devices (large desktops, 1200px and up) xl*/
@media (min-width: 1200px) {}

/* header2 */
.header2 .nav_qr {}

.header2 .nav_qr_item {
    margin-left: 20px
}

.header2 .nav_qr_item img {
    width: 130px
}

.header2 .rd-navbar-brand img {
    max-width: 100%;
}

@media (min-width: 1200px) {

    .index_page1 .header2,
    .index_page1 .header2 .rd-navbar-static {
        background: unset
    }

    .header2 .rd-navbar-static .rd-navbar-inner {
        padding: 11px 0;
    }

    .index_page1 .header2 .rd-navbar-static .rd-navbar-nav-wrap.nav_row {
        background: unset;
    }

    .header2 .rd-navbar-static .rd-navbar-nav-wrap.nav_row {
        background: var(--first_color);
    }

    .header2 .rd-navbar-static .rd-navbar-nav {
        margin: unset;
        display: flex;
        width: 100%;
        padding: 0 15px;
    }

    .header2 .rd-navbar-static .rd-navbar-nav&gt;li {
        line-height: 44px;
        height: 44px;
        margin-top: unset;
        width: 100%;
    }

    .header2 .rd-navbar-static .rd-navbar-nav&gt;li&gt;a::after {
        content: "";
        width: 0;
        height: 2px;
        background: #fff;
        bottom: 7px;
        left: 0;
        position: absolute;
        transition: all ease 0.5s;
    }

    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.active&gt;a::after {
        width: 100%
    }

    .header2 .rd-navbar-static .rd-navbar-nav&gt;li&gt;.rd-navbar-submenu-toggle,
    .header2 .rd-navbar-sidebar .rd-navbar-nav&gt;li&gt;.rd-navbar-submenu-toggle {
        color: #fff;
        margin-top: 13px;
        display: none;
    }

    .header2 .rd-navbar .rd-navbar-nav&gt;li&gt;a {
        line-height: 44px;
        color: #fff;
        width: 100%;
        white-space: nowrap;
        position: relative;
        font-size: 16px;
    }

    /*.header2 .rd-navbar-static .rd-navbar-nav &gt; li.active{background: #fff;}*/
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li&gt;.rd-navbar-dropdown,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li .rd-navbar-megamenu {
        margin-top: unset;
    }

    .header2 .rd-navbar-fullwidth .rd-navbar-dropdown,
    .header2 .rd-navbar-static .rd-navbar-dropdown {
        padding: 10px;
    }

    .header2 .rd-navbar-sidebar .rd-navbar-nav&gt;li.active&gt;a:hover,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.active&gt;a:hover,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.focus.active&gt;a,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.active&gt;a {
        color: #fff;
        width: 100%;
    }

    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.focus&gt;.rd-navbar-submenu-toggle::after,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li&gt;a:hover+.rd-navbar-submenu-toggle::after,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.focus&gt;.rd-navbar-submenu-toggle::after,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li&gt;a:hover,
    .header2 .rd-navbar-sidebar .rd-navbar-nav&gt;li&gt;a:hover,
    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.focus&gt;a {
        color: #fff;
    }

    .header2 .rd-navbar-fullwidth .rd-navbar-dropdown&gt;li&gt;a:hover,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li&gt;a:hover,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li.active&gt;a,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li.active&gt;a:focus,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li.active&gt;a:active,
    .header2 .rd-navbar-fullwidth .rd-navbar-dropdown&gt;li&gt;a:hover {
        color: var(--first_color);
    }

    .header2 .rd-navbar-static .rd-navbar-nav&gt;li.opened&gt;a,
    .header2 .rd-navbar-sidebar .rd-navbar-nav&gt;li.opened&gt;a,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li.opened&gt;a,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li.opened&gt;a~.rd-navbar-submenu-toggle,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li&gt;a:hover .header2 .rd-navbar-fullwidth .rd-navbar-dropdown&gt;li+li,
    .header2 .rd-navbar-fullwidth .rd-megamenu-list&gt;li+li,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li+li,
    .header2 .rd-navbar-static .rd-megamenu-list&gt;li+li {
        line-height: 1.5;
        margin-top: .5rem;
    }

    .header2 .rd-navbar-fullwidth .rd-navbar-dropdown&gt;li&gt;a,
    .header2 .rd-navbar-static .rd-navbar-dropdown&gt;li&gt;a {
        display: block;
    }

    .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown&gt;.rd-navbar-submenu-toggle,
    .rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown&gt;.rd-navbar-submenu-toggle {
        display: none;
    }

    .rd-navbar-fullwidth .rd-navbar-dropdown&gt;li.focus&gt;a,
    .rd-navbar-fullwidth .rd-navbar-dropdown&gt;li.opened&gt;a,
    .rd-navbar-static .rd-navbar-dropdown&gt;li.focus&gt;a,
    .rd-navbar-static .rd-navbar-dropdown&gt;li.opened&gt;a {
        color: var(--first_color);
    }

    .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown,
    .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
        margin-left: 9px;
        top: 0;
    }
}

@media (max-width: 1200px) {

    html.rd-navbar-fixed-linked .page,
    html .page {
        padding-top: 65px;
    }

    .header2 .rd-navbar-fixed .rd-navbar-nav li:hover&gt;a,
    .header2 .rd-navbar-fixed .rd-navbar-nav li.focus&gt;a,
    .header2 .rd-navbar-fixed .rd-navbar-nav li.active&gt;a,
    .header2 .rd-navbar-fixed .rd-navbar-nav li.opened&gt;a {
        background: var(--first_color);
    }

    .header2 .rd-navbar-fixed .rd-navbar-brand img {
        height: 50px;
    }

    .header2 .rd-navbar-fixed .rd-navbar-panel {
        height: 65px;
        /* background: var(--first_color); */
    }

    .header2 .rd-navbar-fixed .rd-navbar-brand {
        height: 60px;
    }

    .header2 .nav_phone {
        position: fixed;
        top: 0;
        right: 0;
        padding: 4px;
        height: 65px;
        z-index: 999;
        border-bottom: 1px solid #ececee;
        width: max-content;
    }

    .header2 .nav_phone {
        align-items: center;
    }

    .header2 .nav_phone_text1 {
        line-height: 1;
    }

    .header2 .rd-navbar-brand a {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .header2 .rd-navbar-fixed .rd-navbar-brand img {
        max-height: 100%;
        height: auto;
        max-width: 100%;
    }

    .header2 .rd-navbar-toggle {
        height: 100%;
    }

    .header2 .rd-navbar-fixed .rd-navbar-nav-wrap {
        top: -45px;
    }
}

@media (max-width: 768px) {
    .header2 .rd-navbar-fixed .rd-navbar-brand img {
        max-width: 100%;
    }
}

/* header2 */

.page_nav{
    margin-bottom: 40px;
}


.nav_item {
    position: relative;
}

.nav_item .dropdown-menu {
    top: 35px;
    background: rgba(0, 0, 0, 0.6);
}
.nav_item .dropdown-menu .dropdown-item{
    color: #fff;
}
.nav_item .dropdown-menu .dropdown-item:hover,
.nav_item .dropdown-menu .dropdown-item:focus{
    background: rgba(0, 0, 0, 0.6);
}

.nav_item_text {
    font-size: 16px;
    color: #fff !important;
    line-height: 40px;
    position: relative;
}

.nav_item_text::after {
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    bottom: 2px;
    left: 0;
    position: absolute;
    transition: all ease 0.5s;
}

.nav_item_text:hover::after {
    width: 100%;
}

/*p1*/
.index_page1 {
    background: url(../images/p1.jpg) no-repeat center center / cover
}

.page1_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

@media all and (max-width: 767px) {
    /* .nav_row{
     align-items: flex-start;   
    } */
}

@media (min-width: 768px) and (max-width: 991px) {
    .page1_video {
        object-fit: contain;
    }
    .nav_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media all and (min-width: 991px) {
    .page1_video {
        object-fit: fill;
    }
    .nav_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/*p1*/
.index_top {
    text-align: center;
    margin-bottom: 20px;
}

.index_top1 {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    background: url("../images/top.png") no-repeat center center
}

.index_top2 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

/*p2*/
.index_page2 {
    background: url("../images/p2.jpg") no-repeat center center / cover;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.index_about {
    width: 50%;
    min-width: 850px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    padding: 20px 20px 20px;
}

.index_about_text1 {
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    margin: 20px 0;
}

.index_about_text2 {
    font-size: 14px;
    color: #fff !important;
    padding: 0 1.5rem;
    /*background: var(--first_color);*/
    line-height: 34px;
    width: max-content;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
}

@media all and (max-width: 767px) {
    .index_page2{
        background: rgba(0, 0, 0, 0.6);
    }
    .index_about {
        width: 100%;
        min-width: unset;
        padding: 20px
    }

}

@media (min-width: 768px) and (max-width: 991px) {}

@media all and (min-width: 768px) {}

/*p2*/

/*p3*/
.index_page3 {
    background: url("../images/p3.jpg") no-repeat center center / cover;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

#index_product1_sw {}

.index_product1_item {
    display: block
}
/* .swiper-button-prev-product1{background: url(../images/product_left.png) no-repeat center / cover;left: -35px;width: 85px;height: 85px;}
.swiper-button-prev-product1::after{display: none;}
.swiper-button-prev-product1.swiper-button-disabled{background: url(../images/product_left.png) no-repeat center / cover;}
.swiper-button-next-product1{background: url(../images/product_right.png) no-repeat center / cover; right: -35px;width: 85px;height: 85px;}
.swiper-button-next-product1::after{display: none;}
.swiper-button-next-product1.swiper-button-disabled{background: url(../images/product_right.png) no-repeat center / cover;} */

.swiper-button-prev-product1{--swiper-theme-color: #fff;left: -55px;width: 44px;height: 44px;background:  var(--first_color);border-radius: 22px;}
.swiper-button-prev-product1::after{color: #fff;--swiper-theme-color: #fff;font-size: 30px;}
.swiper-button-prev-product1.swiper-button-disabled{opacity: 1;}
.swiper-button-next-product1{--swiper-theme-color: #fff;right: -55px;width: 44px;height: 44px;background:  var(--first_color);border-radius: 22px;}
.swiper-button-next-product1::after{color: #fff;--swiper-theme-color: #fff;font-size: 30px;}
.swiper-button-next-product1.swiper-button-disabled{opacity: 1;}


@media all and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media all and (min-width: 768px) {}

/*p3*/
/*p4*/
.index_page4 {
    background: url("../images/p4.jpg") no-repeat center center / cover;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

#index_product2_sw {}

.index_product2_item {
    display: block;
    padding: 0 20px;
}

.index_product2_text {
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 35px;
    padding: 0 10px;
    text-align: center;
    margin-top: 14px;
}

.index_product2_item:hover .index_product2_text {
    background-color: var(--first_color);
    border-color: var(--first_color)
}
.swiper-button-prev-product2{--swiper-theme-color:#fff;left: -55px;width: 44px;height: 44px;background:  var(--first_color);border-radius: 22px;}
.swiper-button-prev-product2::after{color:#fff;--swiper-theme-color:#fff;font-size: 30px;}
.swiper-button-prev-product2.swiper-button-disabled{opacity: 1;}
.swiper-button-next-product2{--swiper-theme-color:#fff;right: -55px;width: 44px;height: 44px;background:  var(--first_color);border-radius: 22px;}
.swiper-button-next-product2::after{color:#fff;--swiper-theme-color:#fff;font-size: 30px;}
.swiper-button-next-product2.swiper-button-disabled{opacity: 1;}

@media all and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media all and (min-width: 768px) {}

/*p4*/
/*p5*/
.index_page5 {
    background: url("../images/p5.jpg") no-repeat center center / cover;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

#index_case_sw {}

.index_case_item {
    display: block;
    box-shadow: 5px 8px 12px 0px rgb(4 0 0 / 21%);
    background: #fff;
    padding: 13px;
    line-height: 50px;
    margin: 10px;
}

.index_case_img {}

.index_case_text {
    font-size: 16px;
    color: #333;
    text-align: center;
}

.index_case_item:hover .index_case_text {
    color: var(--first_color)
}
.swiper-button-prev-case{--swiper-theme-color: #fff;left: -55px;width: 44px;height: 44px;background:  var(--first_color);border-radius: 22px;}
.swiper-button-prev-case::after{color: #fff;--swiper-theme-color: #fff;font-size: 30px;}
.swiper-button-prev-case.swiper-button-disabled{opacity: 1;}
.swiper-button-next-case{--swiper-theme-color: #fff;right: -55px;width: 44px;height: 44px;background:  var(--first_color);border-radius: 22px;}
.swiper-button-next-case::after{color: #fff;--swiper-theme-color: #fff;font-size: 30px;}
.swiper-button-next-case.swiper-button-disabled{opacity: 1;}

/*p5*/
/*p6*/
.index_page6 {
    background: url("../images/p6.jpg") no-repeat center center / cover;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.index_news_img {
    margin-bottom: 10px;
}

.index_news1_lsit {
    display: block;
}

.index_news1_text {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

.index_news1_text1 {
    font-size: 16px;
    color: #fff;
    width: 60%;
}

.index_news1_text2 {
    font-size: 14px;
    color: #fff;
}

.index_news1_text3 {
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 15px;
}

.index_news1_text4 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    border: 1px solid #fff;
    padding: 0 25px;
    display: inline-block;
}

.index_news2_list {
    display: block;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #fff;
}

.index_news2_list:last-of-type {
    padding-bottom: unset;
    margin-bottom: unset;
    border-bottom: unset;
}

.index_news2_text {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

.index_news2_text1 {
    font-size: 16px;
    color: #fff;
    width: 60%;
}

.index_news2_text2 {
    font-size: 14px;
    color: #fff;
}

.index_news2_text3 {
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 15px;
}

.index_news2_text4 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    border: 1px solid #fff;
    padding: 0 25px;
    display: inline-block;
}

@media all and (max-width: 767px) {
    .index_news1_lsit {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media all and (min-width: 768px) {}

/*p6*/

/*p7*/
.index_page7 {
    background: url("../images/p7.jpg") no-repeat center center / cover;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.index_partner {
    text-align: center;
}

.index_footer {
    margin-top: 20px;
}

.foot_title1 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    /*font-family: å®‹ä½“;*/
}

.foot_title2 {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1.5px;
}

.foot_copyright {
    margin-top: 25px;
}

.foot_copyright,
.foot_copyright a,
.foot_copyright p {
    font-size: 14px;
    line-height: 1.5;
    /*font-family: "Microsoft YaHei";*/
    color: #fff;
    /*background-color: var(--first_color) !important;*/
}

.foot_qr {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.foot_qr_text {
    text-align: center;
    margin-right: 1rem;
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

.foot_qr img {
    max-width: 100%;
    width: 150px;
}

/*p7*/

/* åº•éƒ¨ */

footer {
    background: var(--first_color);
}

.foot_box {
    padding: 20px 0
}

.online i,
.botmenu i {
    margin-right: .3rem;
}

@media all and (max-width: 767px) {
    .online{
        bottom: 30%;
    }
    .foot_qr {
        justify-content: center;
        margin: 20px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media all and (min-width: 991px) {}

/* åº•éƒ¨ */


@media all and (max-width: 767px) {
    .no_dis2 {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .no_dispad {
        display: none !important;
    }
}

@media all and (min-width: 991px) {
    .no_dis1 {
        display: none;
    }
}


/* å†…é¡µ */
/* about */
.pages {
    padding: 30px 15px;
}

.about_content {
    line-height: 1.5;
    font-size: 16px;
}

.about_content p {
    margin-bottom: 10px;
}

/* subnavlist */
.subnavlist .swiper-container .swiper-slide a.active,
.subnavlist ul li a:hover,
.subnavlist ul li a:focus,
.subnavlist ul li a.active {
    color: var(--first_color);
}

/* product news */
.productlist .card:before,
.newslist ul li:before {
    border-color: var(--first_color);
}

.showproduct .tabs-custom .nav-item a.active {
    border-bottom-color: var(--first_color);
}

.newslist ul li h4 a {
    display: block;
}

.showproduct .tab-content {
    line-height: 1.5;
    font-size: 16px;
}

.showproduct .tab-content p {
    margin-bottom: 10px;
}

.showcase .tab-content {
    line-height: 1.5;
    font-size: 16px;
}

.showcase .tab-content p {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .newslist ul li.media .media-left {
        width: 35%;
    }

    .newslist .media-body {
        width: 65%;
        align-self: center;
    }

    .newslist ul li {
        padding: 10px 0;
        margin-bottom: 10px;
    }
}

/* è¯¦æƒ…é¡µå³ä¾§æŽ¨è */
.showproduct .recommend ul li.item_block:hover:before,
.shownews .recommend ul li.item_block:before {
    border-color: var(--first_color);
}

.showproduct .recommend ul li.item_block a:hover p.item_date span,
.showproduct .recommend ul li.item_block a:hover .item_info,
.shownews .recommend ul li.item_block a:hover p.item_date span,
.shownews .recommend ul li.item_block a:hover .item_info {
    color: var(--first_color)
}

/* åˆ†é¡µå™¨ */
.page-link,
.page-num {
    color: #333;
}

.page-link:hover,
.page-num:hover,
.page-num-current {
    background-color: var(--first_color);
    border-color: var(--first_color);
    color: #fff;
}

.searchcomponent .btn-info {
    background-color: var(--first_color);
    border-color: var(--first_color)
}

.searchcomponent .btn-info:hover {
    background-color: var(--first_color);
    border-color: var(--first_color)
}

@media all and (max-width: 767px) {
    .searchcomponent .form-group {
        width: 75%;
    }

    .searchcomponent button {
        width: 25%
    }

    .page-link[href],
    .page-num[href] {
        color: var(--first_color)
    }

    .page-link[href]:hover,
    .page-num[href]:hover,
    .page-num-current[href] {
        background-color: var(--first_color);
        border-color: var(--first_color);
        color: #fff !important;
    }
}

/* product */
.showproduct .recommend ul li.item_block a p.item_date {
    min-width: 50px;
}

.showproduct .recommend ul li.item_block a .item_info {
    max-width: unset;
}

.showproduct .recommend ul li.item_block a .item_des {
    width: unset;
}

.showproduct .recommend ul li.item_block a .item_img {
    max-width: 100%;
    width: 100%;
    text-align: center;
}

/* job */
.joblist ul li {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.joblist ul li:before {
    border-color: var(--first_color);
}

.joblist ul li .des {
    line-height: 1.5;
    font-size: 16px;
}

.joblist ul li .des p {
    margin-bottom: 10px;
}

/* case */
.caselist .card:before {
    border-color: var(--first_color);
}

.showcase .tabs-custom .nav-item a.active {
    border-bottom-color: var(--first_color);
}

/* message */
.form-control:focus {
    border-color: var(--first_color);
    box-shadow: unset;
}

.messagelist .btn-info:hover {
    background-color: var(--first_color);
    border-color: var(--first_color);
}

.messagelist .btn-info {
    background-color: var(--first_color);
    border-color: var(--first_color);
}

/* download */
.downloadlist ul li {
    padding-bottom: 30px;
}

.downloadlist ul li:before {
    border-color: var(--first_color);
}

.downloadlist .downloadbtn {
    color: var(--first_color);
    border-color: var(--first_color);
}

.downloadlist .downloadbtn:hover {
    background-color: var(--first_color);
    border-color: var(--first_color);
    color: #fff;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show&gt;.btn-info.dropdown-toggle:focus {
    box-shadow: unset;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show&gt;.btn-info.dropdown-toggle {
    background-color: var(--first_color);
    border-color: var(--first_color);
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: unset;
}

.downloadlist ul li:hover p {
    margin-left: 15px;
    transition: all .30s ease;
}

/* äº§å“ æ–°é—»æŽ¨è */
.showproduct .recommend span.toptitle,
.shownews .recommend span.toptitle {
    margin-bottom: 20px;
}

.showproduct .recommend ul li.item_block {
    margin: 0 0;
    padding: 0 0;
    margin-bottom: 15px;
}

.showproduct .recommend ul li.item_block a {
    display: block;
    width: 100%;
}

.showproduct .recommend ul li.item_block a .item_img {
    width: 100%;
    max-width: unset;
}

.showproduct .recommend ul li.item_block a .item_img img {
    width: 100%;
    height: auto;
    display: block;
    max-width: unset;
}

.showproduct .recommend ul li.item_block a .item_link {
    width: 100%;
    padding: 0 0;
    margin-bottom: 10px;
}

.showproduct .recommend ul li.item_block a .item_link p {
    padding: 0 0;
}

.productlist .card .card-img {
    text-align: center;
}

.shownews .recommend ul li.item_block a p.item_date,
.showproduct .recommend ul li.item_block a p.item_date {
    width: 20%;
}

.shownews .recommend ul li.item_block a .item_info,
.showproduct .recommend ul li.item_block a .item_info {
    width: 78%;
    max-width: unset;
}

.product-params-box {
    margin-top: 10px;
}

.product-params {
    margin: 5px 0;
}

@media (max-width: 991px) {

    .showproduct .recommend ul li.item_block,
    .shownews .recommend ul li.item_block {
        width: 50%;
    }

    .showproduct .recommend ul li.item_block:nth-child(even),
    .shownews .recommend ul li.item_block:nth-child(even) {
        padding-left: 10px
    }

    .showproduct .recommend ul li.item_block:nth-child(odd),
    .shownews .recommend ul li.item_block:nth-child(odd) {
        padding-right: 10px
    }

    .shownews .recommend ul li.item_block a .item_des {
        width: 100%;
    }
}

/* tabber */
.botmenu {
    border-top: 1px #fff solid;
}

.botmenu p {
    width: 100%;
    padding: 0 0;
    margin: 0 0;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.botmenu i {
    font-size: 24px;
}

/* æ–°é—»åˆ—è¡¨ */
.newslist ul li.media .media-left {
    width: 20%;
}

.newslist ul li.media .media-body {
    width: 80%;
}

.newslist h2,
.newslist p {
    word-break: break-all;
}

/* æ–°é—» */
.shownews .content {
    line-height: 1.5;
    font-size: 16px;
}

.shownews .content p {
    margin-bottom: 10px;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    color: var(--first_color)
}

.showproduct .img-thumbnail-variant-2 {
    width: 100%
}

.subnavlist .swiper-subnav .dropdown-item.active,
.swiper-subnav .dropdown-item:active {
    color: var(--first_color);
}</pre></body></html>